@import '~styles/colors.less';

.root {
  height: 70px;
  border-bottom: 1px solid @adminBorders;
  padding: 16px 15px;
  position: relative;
  display: block;
  text-decoration: none;

  &:hover {
    background-color: @primaryBack;
  }
}

.title {
  font-size: 15px;
  color: @adminTextHighlight;
}

.date {
  font-size: 12px;
  color: @adminText;
  font-weight: 300;
}

.active {
  background-color: @primary;

  .title {
    color: #ffffff;
  }
  .date {
    color: #ffffff;
  }

  &:hover {
    background-color: @primary;
  }
}
